@import "common/var";

@font-face {
  font-family: 'element-icons';
  src: url('#{$--font-path}/element-icons.woff') format('woff'), /* chrome, firefox */
  url('#{$--font-path}/element-icons.ttf') format('truetype'); /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  font-weight: normal;
  font-style: normal
}

[class^="el-icon-"], [class*=" el-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'element-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.el-icon-info:before {
  content: "\e61a";
}

.el-icon-error:before {
  content: "\e62c";
}

.el-icon-success:before {
  content: "\e62d";
}

.el-icon-warning:before {
  content: "\e62e";
}

.el-icon-question:before {
  content: "\e634";
}

.el-icon-back:before {
  content: "\e606";
}

.el-icon-arrow-left:before {
  content: "\e600";
}

.el-icon-arrow-down:before {
  content: "\e603";
}

.el-icon-arrow-right:before {
  content: "\e604";
}

.el-icon-arrow-up:before {
  content: "\e605";
}

.el-icon-caret-left:before {
  content: "\e60a";
}

.el-icon-caret-bottom:before {
  content: "\e60b";
}

.el-icon-caret-top:before {
  content: "\e60c";
}

.el-icon-caret-right:before {
  content: "\e60e";
}

.el-icon-d-arrow-left:before {
  content: "\e610";
}

.el-icon-d-arrow-right:before {
  content: "\e613";
}

.el-icon-minus:before {
  content: "\e621";
}

.el-icon-plus:before {
  content: "\e62b";
}

.el-icon-remove:before {
  content: "\e635";
}

.el-icon-circle-plus:before {
  content: "\e601";
}

.el-icon-remove-outline:before {
  content: "\e63c";
}

.el-icon-circle-plus-outline:before {
  content: "\e602";
}

.el-icon-close:before {
  content: "\e60f";
}

.el-icon-check:before {
  content: "\e611";
}

.el-icon-circle-close:before {
  content: "\e607";
}

.el-icon-circle-check:before {
  content: "\e639";
}

.el-icon-circle-close-outline:before {
  content: "\e609";
}

.el-icon-circle-check-outline:before {
  content: "\e63e";
}

.el-icon-zoom-out:before {
  content: "\e645";
}

.el-icon-zoom-in:before {
  content: "\e641";
}

.el-icon-d-caret:before {
  content: "\e615";
}

.el-icon-sort:before {
  content: "\e640";
}

.el-icon-sort-down:before {
  content: "\e630";
}

.el-icon-sort-up:before {
  content: "\e631";
}

.el-icon-tickets:before {
  content: "\e63f";
}

.el-icon-document:before {
  content: "\e614";
}

.el-icon-goods:before {
  content: "\e618";
}

.el-icon-sold-out:before {
  content: "\e63b";
}

.el-icon-news:before {
  content: "\e625";
}

.el-icon-message:before {
  content: "\e61b";
}

.el-icon-date:before {
  content: "\e608";
}

.el-icon-printer:before {
  content: "\e62f";
}

.el-icon-time:before {
  content: "\e642";
}

.el-icon-bell:before {
  content: "\e622";
}

.el-icon-mobile-phone:before {
  content: "\e624";
}

.el-icon-service:before {
  content: "\e63a";
}

.el-icon-view:before {
  content: "\e643";
}

.el-icon-menu:before {
  content: "\e620";
}

.el-icon-more:before {
  content: "\e646";
}

.el-icon-more-outline:before {
  content: "\e626";
}

.el-icon-star-on:before {
  content: "\e637";
}

.el-icon-star-off:before {
  content: "\e63d";
}

.el-icon-location:before {
  content: "\e61d";
}

.el-icon-location-outline:before {
  content: "\e61f";
}

.el-icon-phone:before {
  content: "\e627";
}

.el-icon-phone-outline:before {
  content: "\e628";
}

.el-icon-picture:before {
  content: "\e629";
}

.el-icon-picture-outline:before {
  content: "\e62a";
}

.el-icon-delete:before {
  content: "\e612";
}

.el-icon-search:before {
  content: "\e619";
}

.el-icon-edit:before {
  content: "\e61c";
}

.el-icon-edit-outline:before {
  content: "\e616";
}

.el-icon-rank:before {
  content: "\e632";
}

.el-icon-refresh:before {
  content: "\e633";
}

.el-icon-share:before {
  content: "\e636";
}

.el-icon-setting:before {
  content: "\e638";
}

.el-icon-upload:before {
  content: "\e60d";
}

.el-icon-upload2:before {
  content: "\e644";
}

.el-icon-download:before {
  content: "\e617";
}

.el-icon-loading:before {
  content: "\e61e";
}

.el-icon-loading {
  animation: rotating 2s linear infinite;
}

.el-icon--right {
  margin-left: 5px;
}

.el-icon--left {
  margin-right: 5px;
}

@keyframes rotating {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
